<script setup lang='ts'>
// 自定义 规则
//interface Props {
//}

import { defineEmits, defineProps } from 'vue';
const { text, styleBut } = defineProps({
    text: {
        type: String,
        default: () => '确定'
    },
    styleBut: {
        type: Object,
        default: () => ({})
    }
});
/**
 * @property 变量
 */

const emits = defineEmits(['click'])

/**
 * @property  所有请求以api开头 如:apiDataInfo
 * / 


/**
 * @property 自定义事件 以事件名开头 如: clickButton,inputDev
 */


/**
 * @property 内置方法
 */


</script>
<template>
    <div class="but font-size-24 text-align-center fc" @click="emits('click')" :style="styleBut">
        {{ text }}
    </div>
</template>
<style lang="scss" scoped>
.but {
    width: 100%;
    height: 100%;
    // height: 88rpx;

    background-color: #275EFF;
    border-radius: 64rpx;
    color: #fff;
}
</style>